import React from 'react';
import { Tooltip } from 'antd';
import { InfoCircleOutlined } from '@ant-design/icons';

interface CardTitleWithTipProps {
  title: string;
  tip: string;
}

const CardTitleWithTip: React.FC<CardTitleWithTipProps> = ({ title, tip }) => (
  <span>
    {title}
    <Tooltip title={tip}>
      <InfoCircleOutlined
        style={{ color: '#999', marginLeft: 6, fontSize: 13 }}
      />
    </Tooltip>
  </span>
);

export default CardTitleWithTip;
